<!DOCTYPE html>
<html lang="es">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<html>
<head>
	<title></title>
	<script type="text/javascript" src="formulario.js"></script>
	<link href="formulario.css" rel="stylesheet" type="text/css" />
</head>

<body>
	<h2>SOLICITUD DE COTIZACIÓN</h2>
	<h3>Si desea una cotización previa por favor diligencie el siguiente formulario y envíelo</h3>

	<div class="seccion">
	
		<div>
			<div class="label">Nombre:</div>
			<div class="input"><input type="text" name="nombre" id="nombre"></div>
		</div>

		<div>
			<div class="label">Compañía: </div>
			<div class="input"><input type="text" name="compania" id="compania"></div>
		</div>

		<div>
			<div class="label">Teléfono fijo: </div>
			<div class="input"><input type="tel" name="tel" id="tel"></div>
		</div>
		<div>
			<div class="label">Celular: </div>
			<div class="input"><input type="tel" name="cel" id="cel"></div>
		</div>

		<div>
			<div class="label">Dependencia: </div>
			<div class="input"><input type="text" name="dependencia" id="dependencia"></div>
		</div>

		<div>
			<div class="label">Correo:</div>
			<div class="input"><input type="email" name="email" id="email"></div>
		</div>
	</div>

	<fieldset><table>
		<thead>
			<th colspan="3" align="left">Por favor indique la solución que requiere:</th>
		</thead>
		<tbody>
		<tr>
			<th colspan="3" align="left">Transporte Consolidado:</th>
		</tr>
		<tr>
			<td><div><div> <input type="radio" name="tipoSolucion" value="paqueteo"> Paqueteo </div></div></td>
			<td><div><div> <input type="radio" name="tipoSolucion" value="semimasivo"> Semimasivo </div></div></td>
			<td><div><div> <input type="radio" name="tipoSolucion" value="ventaDirecta"> Venta Directa </div></div></td>
		</tr>
		<tr>
			<th colspan="3" align="left">Transporte especial:</th>
		</tr>
		<tr>
			<td><div><div> <input type="radio" name="tipoSolucion" value="expreso"> Expreso </div></div></td>
			<td><div><div> <input type="radio" name="tipoSolucion" value="maquinaria"> Maquinaria </div></div></td>
			<td><div><div> <input type="radio" name="tipoSolucion" value="mudanza"> Mudanza </div></div></td>
		</tr>
		<tr>
			<th colspan="3" align="left">Transporte Masivo:</th>
		</tr>		
		<tr>
			<td><div><div> <input type="radio" name="tipoSolucion" value="contenedor"> Contenedor </div></div></td>
			<td><div><div> <input type="radio" name="tipoSolucion" value="carroTanque"> Carro tanque </div></div></td>
			<td><div><div> <input type="radio" name="tipoSolucion" value="masivo"> Masivo </div></div></td>
		</tr>		
		<tr>
			<th colspan="3" align="left"><div for="otroTransporte">Otro tipo de transporte:  </div><input type="text" name="otroTransporte" id="otroTransporte"></th>
		</tr>		
	</tbody></table></fieldset>

	<fieldset><table>
		<tbody>
		<tr>
			<th colspan="6" align="left">Por favor indique el tipo de vehículo requerido:</th>
		</tr>
		<tr>
			<td><div><div> <input type="radio" name="tipoVehiculo" value="turbo"> Turbo </div></div></td>
			<td><div><div> <input type="radio" name="tipoVehiculo" value="semimasivo"> Camión </div></div></td>
			<td><div><div> <input type="radio" name="tipoVehiculo" value="ventaDirecta"> Dobletroque </div></div></td>
			<td><div><div> <input type="radio" name="tipoVehiculo" value="paqueteo"> Tracto-mula </div></div></td>
			<td><div><div> <input type="radio" name="tipoVehiculo" value="semimasivo"> Patineta </div></div></td>
			<td><div><div> <input type="radio" name="tipoVehiculo" value="ventaDirecta"> Cama-baja </div></div></td>
		</tr>
		<tr>
			<th colspan="6" align="left">Características:</th>
		</tr>
		<tr>
			<td><div><div> <input type="radio" name="caracteristicasVehiculo" value="furgon"> Furgón </div></div></td>
			<td><div><div> <input type="radio" name="caracteristicasVehiculo" value="estacas"> Estacas </div></div></td>
			<td><div><div> <input type="radio" name="caracteristicasVehiculo" value="platon"> Platón </div></div></td>

		</tr>
	</tbody></table></fieldset>
	
	<div>
		<div for="cantidadVehiculos">Cantidad de vehículos: </div>
		<input type="number" name="cantidadVehiculos" id="cantidadVehiculos" min="1" max="9999" value="1">
	</div>
	
	<div>
		<div for="destino">Destino: </div>
		<input type="text" name="destino" id="destino">
	</div>

	<div>
		<div for="numDestinatarios">No. de destinatarios: </div>
		<input type="number" name="numDestinatarios" id="numDestinatarios" min="1" max="9999" value="1">
	</div>

	<div>
		<div for="descargue">Descargue por cuenta de: </div>
		<input type="text" name="descargue" id="descargue">
	</div>

	<div>
		<div for="origen">Origen: </div>
		<input type="text" name="origen" id="origen">
	</div>

	<div>
		<div for="numRecogidas">No. de recogidas: </div>
		<input type="number" name="numRecogidas" id="numRecogidas" min="1" max="9999" value="1">
	</div>

	<div>
		<div for="cargue">Cargue por cuenta de: </div>
		<input type="text" name="cargue" id="cargue">
	</div>

	<div>
		<div for="tipoMercancia">Tipo de mercancía: </div>
		<input type="text" name="tipoMercancia" id="tipoMercancia">
	</div>

	<div>
		<div for="numUnidades">No. de unidades: </div>
		<input type="number" name="numUnidades" id="numUnidades" min="1" max="9999" value="1">
	</div>

	<div>
		<div for="tipoEmpaque">Tipo de empaque: </div>
		<input type="text" name="tipoEmpaque" id="tipoEmpaque">
	</div>

	<div>
		<div for="pesoTotal">Peso total del envío: </div>
		<input type="text" name="pesoTotal" id="pesoTotal">
	</div>

	<div>
		<div for="tiempoRequerido">Tiempo de entrega requerido: </div>
		<input type="text" name="tiempoRequerido" id="tiempoRequerido">
	</div>

	<div>
		<div for="valorDeclarado">Valor declarado: </div>
		<input type="text" name="valorDeclarado" id="valorDeclarado">
	</div>

	<div>
		<div for="lugarCancelacion">Lugar y forma de cancelación: </div>
		<input type="text" name="lugarCancelacion" id="lugarCancelacion">
	</div>

	<div>
		<div for="comentarios">Si requiere otro tipo de cotización o de realizar comentarios adicionales realícelos a continuación: </div><input type="text" name="comentarios" id="comentarios">
	</div>

	<input type="submit" value="Enviar">
</body>
</html>